<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="bookyourtrek">
<meta name="keywords" content="Trekking, Travelling, Adventure">
<!-- Bootstrap -->
    <link href="ViewResource/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Bootstrap ends here -->

<!-- Bootstrap datepicker -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<!-- <link href="ViewResource/datepicker/css/datepicker.css" rel="stylesheet" media="screen">  -->
<!-- Bootstrap datepicker ends here -->
<!-- jquery script -->

<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="ViewResource/img/favicon.ico">

<!-- font-awesome -->
<link href="ViewResource/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!--[if IE 7]>
  <link rel="stylesheet" href="ViewResource/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->
<!-- font-awesome -->


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- jquery script end here -->
<!-- ckeditor starts here -->
<script src="ViewResource/ckeditor/ckeditor.js"></script>
<!-- ckeditor ends here -->
<!-- script for date picker -->


<script>
/* date cannot be minimum than current date */
  $(function() {
    $( "#dp1" ).datepicker({ dateFormat: "dd-mm-yy", minDate: 0 }); 
  });
</script>
<script>
  $(function() {
    $( "#dp2" ).datepicker({ dateFormat: "dd-mm-yy", minDate: 0 });
  });
</script>
<!-- script for datepicker ends here -->
<!-- other scripts -->
<script>
$(document).ready(function(){
  $("#hideloginmodal").click(function(){
	  $('#loginmodal').modal('hide');
  });
});
</script>
<script>
$(document).ready(function(){
	$('#fortickettype').change(function() {
		var str1 = $("#fortickettype option:selected").text();
		//alert(str1);
		if (str1 == "Free") {
			//alert(str);
			$("#tktpaid").hide(500);
		}
		else if (str1 == "Paid") {
			//alert(str);
			$("#tktpaid").show(500);
		}
		else if (str1 == "Social Cause") {
			//alert(str);
			$("#tktpaid").show(500);
		}
	});
});
</script>
<script>
$(document).ready(function() {
    $("#inputPhone, #forticketallowedperorder, #forticketquantity, #fortrekduration, #fortrekdistance, #fortrekorganizationphone").keydown(function(event) {
        // Allow: backspace, delete, tab, escape, and enter
        if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || 
             // Allow: Ctrl+A
            (event.keyCode == 65 && event.ctrlKey === true) || 
             // Allow: home, end, left, right
            (event.keyCode >= 35 && event.keyCode <= 39)) {
                 // let it happen, don't do anything
                 return;
        }
        else {
            // Ensure that it is a number and stop the keypress
            if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
                event.preventDefault(); 
            }   
        }
    });
});
</script>
<script>

</script>

<!-- other scripts ends here -->
<title><tiles:insertAttribute name="title" ignore="true" />
</title>

<!-- for sticky footer starts here -->
<!-- sticky footer ends here -->
<!-- social share starts here -->
<!-- social share ends here -->
<style>
#bcktexture { 
    background: url(ViewResource/img/subtle_surface.png) repeat 0 0;
}
</style>
</head>
<body onload="showModal()">
<!-- social layer starts here -->
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51fa5710765d090e"></script>
<script type="text/javascript">
  addthis.layers({
    'theme' : 'transparent', 
    'follow' : {
      'services' : [
        {'service': 'facebook', 'id': 'bookyourtrek'},
        {'service': 'twitter', 'id': 'bookyourtrek'},
        {'service': 'google_follow', 'id': '/u/0/108381263598567142455'}
      ]
    },  
    'whatsnext' : {},  
    'recommended' : {
      'title': 'Recommended for you:'
    } 
  });
</script>
<!-- AddThis Smart Layers END -->
<!-- social layer ends here -->
<div>
	<tiles:insertAttribute name="header" />
</div>

<div>

	<tiles:insertAttribute name="body" />

</div>	


<div>	
	<tiles:insertAttribute name="footer" />
</div>
<!-- Scripts references -->
<script src="ViewResource/bootstrap/js/bootstrap.min.js"></script>
<!-- <script src="ViewResource/datepicker/js/bootstrap-datepicker.js"></script> -->
<!-- Scripts references ends here -->

    <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'bookyourtrek'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
    </script>
    <!-- tooltip -->
<script> $(function(){
    $('[rel=tooltip]').tooltip();
});
</script>
<!-- tooltip -->
</body>
</html>